
// 收入情况
layui.use([ 'form', 'layer' ], function() {
	var form = layui.form, 
	    layer = layui.layer, 
	    $ = layui.jquery;


	// 动态加载车库下拉框内容
	$.ajax({
        url: '/statistics/getType',
        dataType: 'json',
        type: 'get',
        success: function (data) {
            let str="";
            for(let i of data){
            	str+='<option value='+i+'>'+i+'</option>';
            }
            $("#parking").html(str);
            form.render();
            // 重新渲染 固定写法
        }
    });
	
// var incomeData; // 收入
	var incomeChart = showIncome();    // 显示收入图表

	form.on('submit(searchIncome)', function(data) {

		// 数据
		var newData = data.field;
		console.log(data.field);
		 var type=$("#parking").val();
			console.log(type);
			// 请求收入情况
			$.ajax({
				url : `/statistics/getReDuByType?type=${type}`,
				type : 'get',
				success : function(result) {
					console.log(result);
					
																	
					if (result) {
						// 重新渲染柱状图
						incomeChart.setOption({
							 legend : {
								// 类别名 -- 根据后台传回数据设置								
								 data: result,
							},
							
							// 柱状图每一项对应的值
							series : [ {								
								data: result, // -- 根据后台传回数据设置
							} ]
						});
	
					}
	
				},
				error : function(data) {
					console.log("提交失败");
				}
			});
			
		

	});
});

// 收入柱状图1
function showIncome() {
	// 基于准备好的dom，初始化echarts实例
	var incomeChart = echarts.init(document.getElementById('bar1'));
	
    
	// 指定图表的配置项和数据
	option = {
		    title: {
		        text: '该类别小说在各网站热度情况',
		        subtext: '纯属虚构',
		        left: 'center'
		    },
		    tooltip: {
		        trigger: 'item',
		        formatter: '{a} <br/>{b} : {c} ({d}%)'
		    },
		    legend: {
		        type: 'scroll',
		        orient: 'vertical',
		        right: 10,
		        top: 20,
		        bottom: 20,
		   

//		        selected: data1.selected
		    },
		    series: [
		        {
		            name: '网站名',
		            type: 'pie',
		            radius: '55%',
		            center: ['40%', '50%'],
		        
		            emphasis: {
		                itemStyle: {
		                    shadowBlur: 10,
		                    shadowOffsetX: 0,
		                    shadowColor: 'rgba(0, 0, 0, 0.5)'
		                }
		            }
		        }
		    ]
		};

	// 使用刚指定的配置项和数据显示图表。
	incomeChart.setOption(option);
	return incomeChart;
}
